🔗 Linked issue

Description

This PR contains the work of V20 iteration. It includes the following changes:

Developer Improvement:

• Migrated from Webpack to Vite, improving HMR times drastically
• Deployed app using Heroku instead of AWS decreasing time to deployment
• User Features:
• Collaboration Room:
• Implemented live video, audio, and text functionality using socket.IO
• Added authentication and error handling to joining existing rooms
• UI updates to enhance user experience:
• In addition to drag to add, users are now able to click to add
• Updated left panel to include user information and settings
• Added scroll and zoom buttons to canvas. Scroll now automatically scrolls to bottom once enough elements are added
• Updated UI design to reflect a more modern look

Bugs Fixed:

• Canvas - All appropriate elements can now be nested - Nested Elements in the code preview now accurately reflect nested elements. They can also be dragged.
• Bottom Panel - Now opens by click instead of hover
• Users can now delete elements without first clicking it and then the X. This applies to the nested components as well.

Checklist

• I've followed the Contributing guidelines
• I've titled my PR according to the Conventional Commits spec
• I've linked an open issue
• I've added tests that fail without this PR but pass with it
• I've linted and tested my code
• I've updated documentation (if appropriate)